<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ page import="com.yaodian100.core.common.utils.ServerValue"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c-rt"%>
<c-rt:set var="frontContextPath" value='<%=ServerValue.getFrontContextPath()%>'/>
<html>
<head>
<link rel="stylesheet" href="/css/xunlei.css" type="text/css" media="screen" />
<script src="http://rest.kaixin001.com/api/FeatureLoader_js.php" type="text/javascript"></script>
<script type="text/javascript" charset="UTF-8" src="/js/kaixin.js"></script>
<script type="text/javascript">



//function close(){
//	document.getElementById("dialog").style.display="none";
//	document.getElementById("dialogError").style.display="none";
//	document.getElementById("dialogRepeat").style.display="none";
//	 $("#dialog").slideUp("normal");
//	 $("#dialogError").slideUp("normal");
//	 $("#dialogRepeat").slideUp("normal");
//$("#dialogError").hide();
//$("#dialogError").close();
//}



var loginresult = "${loginresult}";

if("orderId_error"==loginresult){
//	$("#orderIdTip").html('订单号错误!');
//	$("#orderIdTip").show();

	$(function() {
		$("#tabs").tabs();
		$("#dialogError").dialog({
			bgiframe: true,
			width:220,
			modal: true
		});
		$('#test').tooltip();
	});
}
if("orderId_repeat" == loginresult){
	//$("#orderIdTip").html('订单号已使用过!');
	//$("#orderIdTip").show();	
	
	$(function() {
		$("#tabs").tabs();
		$("#dialogError").dialog({
			bgiframe: true,
			width:220,
			modal: true
		});
		$('#test').tooltip();
	});
}
if("dialog" == loginresult){
	$(function() {
		$("#tabs").tabs();
		$("#dialog").dialog({
			bgiframe: true,
			width:220,
			modal: true
		});
		$('#test').tooltip();
	});
	}
	if("dialogend"==loginresult){
		$(function() {
			$("#tabs").tabs();
			$("#dialogend").dialog({
				bgiframe: true,
				width:220,
				modal: true
			});
			$('#test').tooltip();
		});	
}

	function submit(){
		var isCorrect = true;
		var orderId = document.getElementById("orderId").value;
		var account = document.getElementById("account").value;
		var area = document.getElementById("area").value;
		var server = document.getElementById("server").value;
		if(jQuery.trim(orderId) == ""){
			isCorrect = false;
			$("#orderIdTip").html('请输入订单编号');
			$("#orderIdTip").show();
			$("#accountTip").hide();
			$("#areaTip").hide();
			$("#serverTip").hide();
			return ;
		}
		if(jQuery.trim(account) == ""){
			isCorrect = false;
			$("#accountTip").html('请输入彩虹岛帐户不能为空');
			$("#accountTip").show();
			$("#orderIdTip").hide();
			$("#areaTip").hide();
			$("#serverTip").hide();
			return ;
		}
		if(jQuery.trim(area) == ""){
			isCorrect = false;
			$("#areaTip").html('请输入彩虹岛人物所在大区');
			$("#areaTip").show();
			$("#orderIdTip").hide();
			$("#accountTip").hide();
			$("#serverTip").hide();
			return ;
		}
		if(jQuery.trim(server) == ""){
			isCorrect = false;
			$("#serverTip").html('请输入彩虹岛人物所在服务器');
			$("#serverTip").show();
			$("#orderIdTip").hide();
			$("#areaTip").hide();
			$("#accountTip").hide();
			return ;
		}
		
		if(isCorrect){
			
		document.getElementById("dataForm").submit();
		}
	}
</script>
</head>
<body>
<%
String loginresult = request.getParameter("loginresult");
if("orderId_error".equals(loginresult)){
	
	
}

%>
<form action="save.do" method="post" id="dataForm">
  <div class="content">
      <h2>彩虹岛活动抽奖</h2>
    <!-- 內容 -->
      <div class="member-reg txt-m" style="padding:10px 37px;">
          <p class="c-f">&nbsp;</p>
          <p>请输入以下资料栏位，以供参加抽奖使用。</p>
            <ul style="margin:20px 0 20px 60px;">
            
              <li class="w-1of1" style="margin-bottom:.5em;">
              <div><strong style="padding-left:6.2em;">订单编号：</strong></div>
              <div><strong class="ipt-w20"><input type="text" name="orderId" id="orderId" /> </strong>
              <span style="display:block">
              <span id="orderIdTip" class="msg rn" style="display:none;">订单编号</span>
             </span></div>
              </li>
              
              <li class="w-1of1" style="margin-bottom:.5em;">
              <div><strong style="padding-left:5.2em;">彩虹岛帐户：</strong></div>
              <div><strong class="ipt-w20"><input type="text" name="account" id="account" /></strong>
              <span style="display:block">
              <span id="accountTip" class="msg rn" style="display:none;">彩虹岛帐户</span>
              </span></div>
              </li>
              <li class="w-1of1" style="margin-bottom:.5em;">
              <div><strong style="padding-left:1em;">彩虹岛人物所在大区：</strong></div>
              <div><strong class="ipt-w20"><input type="text" name="area" id="area" /></strong>
              <span style="display:block">
              <span id="areaTip" class="msg rn" style="display:none;">彩虹岛人物所在大区</span>
              </span></div>
              </li>
              
              <li class="w-1of1" style="margin-bottom:.5em;">
              <div><strong>彩虹岛人物所在服务器：</strong></div>
              <div><strong class="ipt-w20"><input type="text" name="server" id="server" /> </strong>
              <span style="display:block">
              <span id="serverTip" class="msg rn" style="display:none;">彩虹岛人物所在服务器</span>
             </span></div>
              </li>
              
       
              <!-- 
              
              <li class="w-1of1" style="margin-bottom:.5em;"><strong style="padding-left:5.2em;">彩虹岛帐户：</strong><strong class="ipt-w20"><input type="text" name="account" id="account" /><span id="accountTip" class="msg rn" style="display:none">彩虹岛帐户</span></strong></li>
              <li class="w-1of1" style="margin-bottom:.5em;"><strong style="padding-left:1em;">彩虹岛人物所在大区：</strong><strong class="ipt-w20"><input type="text" name="area" id="area" /><span id="areaTip" class="msg rn" style="display:none">彩虹岛人物所在大区</span></strong></li>
              <li class="w-1of1" style="margin-bottom:.5em;"><strong>彩虹岛人物所在服务器：</strong><strong class="ipt-w20"><input type="text" name="server" id="server" /><span id="serverTip" class="msg rn" style="display:none">彩虹岛人物所在服务器</span></strong></li>
            
               -->
            
       
            
			
		
            
            
            
            
            </ul>
          <p align="center"><a href="javascript:submit()" class="btn-mid txt-s">確認送出</a></p>
      </div>
    <!-- 內容 -->

  </div>
  <!-- content end -->



</form>
  
  
  
 <DIV id="dialog" title="填写成功" class="dailog-ok" style="display:none;" >
         <p class="txt-m">填写成功，<br />谢谢您！</p>
         
</DIV>
 <DIV id="dialogError" title="错误" class="dailog-ok" style="display:none;" >
         <p class="txt-m">订单号错误，请重新填写！</p>
        
</DIV>
 <DIV id="dialogRepeat" title="错误" class="dailog-ok" style="display:none;" >
         <p class="txt-m">订单号已使用过，请选择新的订单！</p>
         <div align="center"><a href="javascript:close()" class="btn-mid" onfocus="blur()">关闭</a></div>
</DIV>


<DIV id="dialogend" title="活动结束" class="alert-caution" style="display:none;" >
         <p><br />活动已结束！</p>
         
</DIV>
  
  
  
</body>
</html>